@rem: 35rem;
//红娘
.redM-box {
  .jin-redMom {
    padding: 15/@rem 24/@rem  0 24/@rem;
    background: #ffffff;
    margin-bottom: 16/@rem;
    .jin-redMom-h2 {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      h2 {
        font-size: 26/@rem;
        padding-left: 10/@rem;
        border-left: 6/@rem solid #fe4777;
        color: #181818;

      }
      a {
        font-size: 22/@rem;
        color: #b1b1b1;
      }
    }
    ul {
      li {
        border-bottom: 2px solid #f6f6f6;
        a {
          .jin-redMom-lf {
            padding-top: 30/@rem;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            align-items: center;
            .jin-redMom-l {
              width: 20%;
              .jin-redMom-l-user {
                width: 100/@rem;
                height: 100/@rem;
                img {
                  width: 100%;
                  height: 100%;
                  border-radius: 50%;
                }
              }

            }
            .jin-redMom-r {
              width: 80%;
              .redMom-r-head {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                align-items: center;
                .r-head-l {
                  p {
                    font-size: 28/@rem;
                    color: #181818;
                  }
                  span {
                    font-size: 24/@rem;
                    color: #353535;
                  }
                }
                .r-head-r {
                  span {
                    font-size: 24/@rem;
                    color: #fe4678;
                    display: inline-block;
                    vertical-align: middle;
                    img {
                      vertical-align: -1px;
                      padding-left: 5/@rem;
                    }
                  }

                }
              }
              .redMom-r-imgs {
                width: 500px;
                height: 500px;
                background: red;
              }
            }
          }
          .jin-redMom-imgs {
            padding-bottom: 20/@rem;
            margin-top: 18/@rem;
            margin-left: 18%;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            align-items: center;
            div {
              width: 30%;
              margin-left: 15/@rem;
              img {
                width: 100%;
                height: 100%
              }
            }
          }
        }
      }
    }
  }
}

//红娘详情
.redM-D {
  .redM-D-user {
    width: 100%;
    height: 300/@rem;
    position: relative;
    img {
      width: 100%;
      height: 100%;
    }
    .D-user-layer {
      width: 170/@rem;
      height: 216/@rem;
      position: absolute;
      top: 40/@rem;
      left: 48/@rem;
      background: #ccc;
      opacity: 0.7;
      text-align: center;
      font-size: 28/@rem;
      p {
        padding-top: 10/@rem;
        color: #ffffff;
      }
      p:nth-child(1) {
        padding-top: 48/@rem;
      }

    }

  }
  .redM-D-Gender {
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    height: 88/@rem;
    div {
      height: 100%;
      width: 50%;
      text-align: center;
      line-height: 88/@rem;
      font-size: 26/@rem;
      color: #616161;
    }
    div:nth-child(1) {
      border-right: 2px solid #f6f6f6;
    }
    .div-active{
      border-bottom: 3/@rem solid #fe4777;
    }

  }
  .redM-D-list {
    ul {
      margin-top: 10/@rem;
      li {
        padding: 26/@rem 0 26/@rem 30/@rem;
        background: #fff;
        margin-bottom: 20/@rem;
        a {
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          .list-user {
            width: 130/@rem;
            margin-right: 14/@rem;
            img {
              width: 100%;
              border-radius: 50%;
            }
          }
          .list-detail {
            width: 80%;
            .name {
              font-size: 30/@rem;
              color: #181818;
              i {
                display: inline-block;
                width: 30/@rem;
                height: 30/@rem;
                background: url("../images/hn_zhaomu_icon_woman.png") no-repeat;
                background-size: cover;
                margin-left: 10/@rem;
              }
            }
            .detail {
              font-size: 22/@rem;
              color: #363636;
            }
            .Label {
              font-size: 20/@rem;
              color: #adadad;
            }
          }

        }
      }

    }
  }
}

//我的购买
.myS-box {
  background: #fff;
  .myS-box-list {
    li {
      padding: 20/@rem 26/@rem;
      border-top: 2px solid #f6f6f6;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        .list-user {
          width: 110/@rem;
          height: 110/@rem;
          img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }

        }
        .list-detail {
          width: 80%;
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          .list-detail-left {
            p {
              font-size: 28/@rem;
              color: #181818;
            }
            span {
              font-size: 22/@rem;
              color: #a0a0a0;
            }

          }
          .list-detail-right {
            width: 20/@rem;
            height: 20/@rem;
            border-top: 3/@rem solid #999999;
            border-right: 3/@rem solid #999999;
            transform: rotate(45deg);
          }

        }
      }
    }
  }
}

//心动好友
.heFr-box {
  background: #fff;
  .heFr-box-tab {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    //align-items: center;
    height: 100/@rem;
    li {
      font-size: 24/@rem;
      color: #363636;
      height: 100/@rem;
      line-height: 100/@rem;
      width: 33%;
      text-align: center;
    }
    .li-50 {
      width: 50%;
    }
    .li-active {
      color: #fe4777;
      border-bottom: 3/@rem solid #fe4777;
    }
  }
  .heFr-box-deta {
    .myS-box-list {
      li {
        padding: 20/@rem 26/@rem;
        border-top: 2px solid #f6f6f6;
        a {
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;

          .list-user {
            width: 110/@rem;
            height: 110/@rem;
            img {
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }

          }
          .list-detail {
            width: 80%;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            .list-detail-left {
              p {
                font-size: 28/@rem;
                color: #181818;
              }
              span {
                font-size: 22/@rem;
                color: #a0a0a0;
              }

            }
            .list-detail-right {
              width: 20/@rem;
              height: 20/@rem;
              border-top: 3/@rem solid #999999;
              border-right: 3/@rem solid #999999;
              transform: rotate(45deg);
            }

          }
        }
      }
    }
  }
}
//单身圈
.mySinCir-box {
  background: #fff;
  .heFr-box-tab {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    //align-items: center;
    height: 100/@rem;
    li {
      font-size: 24/@rem;
      color: #363636;
      height: 100/@rem;
      line-height: 100/@rem;
      width: 33%;
      text-align: center;
    }
    .li-50 {
      width: 50%;
    }
    .li-active {
      color: #fe4777;
      border-bottom: 3/@rem solid #fe4777;
    }
  }
  .heFr-box-deta {
    .myS-box-list {
      li {
        padding: 20/@rem 26/@rem;
        border-top: 2px solid #f6f6f6;
        a {
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;

          .list-user {
            width: 110/@rem;
            height: 110/@rem;
            img {
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }

          }
          .list-detail {
            width: 80%;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: center;
            .list-detail-left {
              p {
                font-size: 28/@rem;
                color: #181818;
              }
              span {
                font-size: 22/@rem;
                color: #a0a0a0;
              }

            }
            .list-detail-right {
              width: 20/@rem;
              height: 20/@rem;
              border-top: 3/@rem solid #999999;
              border-right: 3/@rem solid #999999;
              transform: rotate(45deg);
            }

          }
        }
      }
    }
  }
}

//我的约会
.myYh-box {
  ul {
    li {
      background: #fff;
      width: 94%;
      //height: 280/@rem;
      margin: 0 auto;
      margin-top: 18/@rem;
      border-radius: 40/@rem;
      .list-item-h {
        height: 116/@rem;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        p {
          margin-left: 50/@rem;
          font-size: 38/@rem;
          color: #181818;

        }
        span {
          font-size: 20/@rem;
          color: #999999;
          margin-right: 30/@rem;
        }
      }
      .list-item-con {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 48/@rem;
        span {
          font-size: 20/@rem;
          color: #676767;
          border: 2px solid #efefef;
          padding: 6/@rem 26/@rem;
          border-radius: 24/@rem;
          margin: 0 26/@rem 24/@rem 0;

        }
      }
    }
  }
}

//交易记录
.myRec-box {
  margin-top: 10/@rem;
  background: none;
  .heFr-box-tab {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    //align-items: center;
    height: 100/@rem;
    li {
      font-size: 28/@rem;
      color: #363636;
      height: 100/@rem;
      line-height: 100/@rem;
      width: 33%;
      text-align: center;
    }
    .li-50 {
      width: 50%;
    }
    .li-active {
      color: #fe4777;
      border-bottom: 3/@rem solid #fe4777;
    }
  }
  .myRec-box-lists {
    margin-top: 18/@rem;
    background: #fff;
    .myRec-box-list {
      background: #fff;
      margin-left: 30/@rem;
      li {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 30/@rem;
        height: 100/@rem;
        border-bottom: 1px solid #d1d1d1;
        span:nth-child(1) {
          color: #4e4e4e;
          font-size: 24/@rem;
        }
        span:nth-child(2) {
          color: #ff4979;
          font-size: 22/@rem;
        }
      }
    }
  }
}

//我的红娘
.myRedM-box {
  margin-top: 10/@rem;
  background: #fff;
  .myRedM-box-h {
    width: 100%;
    height: 400/@rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .myRedM-box-c {
    height: 134/@rem;
    width: 100%;
    padding: 0 30/@rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    .myRedM-detail {
      p {
        font-size: 30/@rem;
        color: #181818;

      }
      span {
        font-size: 20/@rem;
        color: #363636;

      }

    }
    a {
      width: 120/@rem;
      height: 50/@rem;
      background: #ff4878;
      font-size: 22/@rem;
      color: #fff;
      text-align: center;
      line-height: 50/@rem;
      border-radius: 8/@rem;
    }

  }

}

//使用积分
.myUseJF-box {
  .myRec-box-lists {
    margin-top: 10/@rem;
    background: #fff;
    .myRec-box-list {
      background: #fff;
      margin-left: 30/@rem;
      li {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 30/@rem;
        height: 100/@rem;
        span:nth-child(1) {
          color: #171717;
          font-size: 24/@rem;
        }
        span:nth-child(2) {
          width: 20/@rem;
          height: 20/@rem;
          border-top: 3/@rem solid #363636;
          border-right: 3/@rem solid #363636;
          transform: rotate(45deg);
        }
      }
    }
  }
  .myUseJF-box-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #949494;
    opacity: 0.5;
    .box-layer {
      width: 80%;
      height: 526/@rem;
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      text-align: center;
      p {
        font-size: 32/@rem;
        color: #181818;
        margin: 40/@rem 0 16/@rem 0;
      }
      span {
        color: #363636;
        font-size: 24/@rem;

      }
      img {
        margin-top: 30/@rem;
        width: 241/@rem;
        height: 241/@rem;
      }
      i {
        color: #a1a1a1;
        font-size: 24/@rem;
        display: block;
      }
      .x {
        width: 69/@rem;
        height: 69/@rem;
        background: url("../images/x.jpg") no-repeat;
        background-size: cover;
        position: absolute;
        bottom: -90/@rem;
        left: 43%;
      }
    }
  }
}

//我的积分
.myJiFen-box {
  .myJF-bg {
    width: 100%;
    height: 400/@rem;
    background: url("../images/me_jifen_pic_bj.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 20%;
    p {
      font-size: 68/@rem;
      color: #fffeff;
    }
    span {
      color: #fffeff;
      font-size: 24/@rem;
    }
  }
  .myJiFen-box-list {
    li {
      background: #fff;
      margin-top: 20/@rem;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        height: 100/@rem;
        padding: 0 30/@rem;
        p {
          font-size: 24/@rem;
          color: #181818;
        }
        i {
          width: 20/@rem;
          height: 20/@rem;
          display: inline-block;
          border-top: 2/@rem solid #181818;
          border-right: 2/@rem solid #181818;
          transform: rotate(45deg);
        }
      }

    }
  }

}

//举报历史
.myRep-box {
  background: #fff;
  .myS-box-list {
    margin-top: 10/@rem;
    li {
      //padding: 20/@rem 26/@rem;
      padding: 20/@rem 26/@rem 20/@rem 0;
      margin-left: 26/@rem;
      border-top: 2px solid #f6f6f6;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;

        .list-user {
          width: 110/@rem;
          height: 110/@rem;
          img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }

        }
        .list-detail {
          width: 80%;
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          .list-detail-left {
            p {
              font-size: 30/@rem;
              color: #171717;
            }
            span {
              font-size: 22/@rem;
              color: #545454;
            }

          }
          .list-detail-right {
            font-size: 20/@rem;
            color: #363636;
          }

        }
      }
    }
  }
}

//积分明细
.myJIfenRe-box {
  margin-top: 10/@rem;
  background: none;
  .myRec-box-lists {
    margin-top: 18/@rem;
    background: #fff;
    .myRec-box-list {
      background: #fff;
      margin-left: 30/@rem;
      li {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 30/@rem;
        height: 100/@rem;
        border-bottom: 1px solid #d1d1d1;
        span:nth-child(1) {
          color: #4e4e4e;
          font-size: 24/@rem;
        }
        span:nth-child(2) {
          color: #ff4979;
          font-size: 22/@rem;
        }
      }
    }
  }
}

//小黑屋
.heiWu-box {
  margin-top: 10/@rem;
  .heiWu-search {
    padding: 30/@rem;
    width: 96%;
    height: 106/@rem;
    position: relative;
    #search {
      width: 92%;
      background: #f6f6f6;
      height: 60/@rem;
      border: none;
      border-radius: 10/@rem;
      outline: none;
      padding-left: 66/@rem;
      font-size: 24/@rem;
  }
    #search::placeholder{
      color: #d4d4d4;
    }
    i{
      width: 28/@rem;
      height: 28/@rem;
      background: url("../images/wuzi_search_icon.png")no-repeat;
      background-size: cover;
      position: absolute;
      top: 48/@rem;
      left: 45/@rem;
    }
    span{
      position: absolute;
      top: 45/@rem;
      right: 6/@rem;
      color: #ff4874;
      font-size: 26/@rem;
    }
  }
  background: #fff;
  .myS-box-list {
    li {
      //padding: 20/@rem 26/@rem;
      padding: 20/@rem 26/@rem 20/@rem 0;
      margin-left: 26/@rem;
      border-bottom: 2px solid #f6f6f6;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;

        .list-user {
          width: 110/@rem;
          height: 110/@rem;
          img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }

        }
        .list-detail {
          width: 80%;
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          .list-detail-left {
            p {
              font-size: 30/@rem;
              color: #171717;
            }
            span {
              font-size: 22/@rem;
              color: #545454;
            }

          }
          .list-detail-right {
            font-size: 20/@rem;
            color: #363636;
          }

        }
      }
    }
  }
}

// 牵线成功
.heiQX-box{
  .myS-box-list {
    margin-top: 10/@rem;
    li {
      margin-bottom: 18/@rem;
      //padding: 20/@rem 26/@rem;
      padding: 20/@rem 26/@rem 20/@rem 0;
      padding-left: 26/@rem;
      background: #fff;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;

        .list-user {
          width: 110/@rem;
          height: 110/@rem;
          img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }

        }
        .list-detail {
          width: 80%;
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          .list-detail-left {
            p {
              font-size: 28/@rem;
              color: #181818;
            }
            span {
              font-size: 22/@rem;
              color: #a1a1a1;
            }
          }
        }
      }
    }
  }
}

//帮助与反馈
.myHelp-box{
  .common{
    width: 100%;
    height: 86/@rem;
    font-size: 26/@rem;
    color: #989898;
    background: #f6f6f6;
    line-height: 86/@rem;
    padding-left: 32/@rem;
  }
  .myHelp-box-list{
    background: #fff;
    li{
      a{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        height: 100/@rem;
        margin-left: 30/@rem;
        padding-right: 30/@rem;
        border-bottom: 1px solid #d1d1d1;
        p{
          color: #181818;
          font-size: 24/@rem;
        }
        i{
          width: 20/@rem;
          height: 20/@rem;
          border-top: 3/@rem solid #999999;
          border-right: 3/@rem solid #999999;
          transform: rotate(45deg);
        }
      }
    }

  }
}

//我的收益
.heiSY-box{
  .myJF-bg {
    width: 100%;
    height: 400/@rem;
    background: url("../images/me_jifen_pic_bj.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 20%;
    p {
      font-size: 68/@rem;
      color: #fffeff;
    }
    span {
      color: #fffeff;
      font-size: 24/@rem;
    }
  }
  .myJiFen-box-list {
    li {
      background: #fff;
      margin-top: 20/@rem;
      a {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        height: 100/@rem;
        padding: 0 30/@rem;
        p {
          font-size: 24/@rem;
          color: #181818;
        }
        i {
          width: 20/@rem;
          height: 20/@rem;
          display: inline-block;
          border-top: 2/@rem solid #181818;
          border-right: 2/@rem solid #181818;
          transform: rotate(45deg);
        }
      }

    }
  }
  .myHelp-box-list{
    margin-top: 20/@rem;
    background: #fff;
    li{
      a{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        height: 100/@rem;
        margin-left: 30/@rem;
        padding-right: 30/@rem;
        border-bottom: 1px solid #d1d1d1;
        p{
          color: #181818;
          font-size: 26/@rem;
        }
        span{
          font-size: 22/@rem;
          color: #fc4774;
        }
      }
    }

  }
}
